<template>
    <div>
        <a-modal v-model:visible="visible" :width="900" title="提示说明" :footer="false">
            <a-table rowKey="type" size="small" :columns="tableColumns" :data-source="list" :pagination="false"></a-table>
        </a-modal>
    </div>
</template>

<script lang="ts">
import UploadCell from '@/components/UploadCell/index.vue';
import { defineComponent, ref, unref, reactive, toRefs, computed } from 'vue';
export default defineComponent({
    name: 'CreateModal',
    components: {
        UploadCell
    },
    emits: ['success'],
    setup(_, { emit }) {
        const state = reactive<any>({
            visible: false,
            type: 1
        });
        const tableColumns = [
            {
                title: '统计项',
                dataIndex: 'type',
                width: 170
            },
            {
                title: '说明',
                dataIndex: 'text'
            },
            {
                title: '计算公式',
                dataIndex: 'gongshi',
                width: 210
            }
        ];
        const list = computed(() => {
            let list: any = [];
            if (state.type === 1) {
                list = [
                    { type: '新增业务需求数', text: '在选择的系统中，按【创建时间】在搜索时间段内的业务需求总数' },
                    { type: '上线产品需求数', text: '在选择的系统中，按【上线时间】在搜索时间段内的产品需求总数' },
                    { type: '上线版本数', text: '在选择的系统中，按【上线时间】在搜索时间段内的预发布版本数（版本数）' },
                    { type: '需求受理平均耗时', text: '反应需求从提出到被接受的耗时状况', gongshi: '业务需求受理通过时间-业务需求创建时间' },
                    { type: '需求初审平均耗时', text: '反应需求产品内部评审耗时状况', gongshi: '产品内部评审通过时间-预发布版本发起评审时间' },
                    { type: '研发评审平均耗时', text: '反应需求研发评审的耗时状态', gongshi: '研发评审节点结束时间-研发评审节点开始时间' },
                    { type: '需求转化平均周期（天）', text: '产品经理转化需求的平均耗时', gongshi: '方案确定时间（产品需求关联的预发布版本通过产品内部评审的时间）- 受理时间（产品需求关联的业务需求在需求受理节点通过或驳回的时间）' },
                    { type: '开发平均周期（天）', text: '开发平均周期=上线日期-需求接受日期，反应需求从受理到上线的过程，反应产品研发过程时长', gongshi: '开发实际结束时间-实际开始时间' },
                    { type: '测试平均周期（天）', text: '测试需求的平均耗时', gongshi: '测试实际结束时间-实际开始时间' },
                    { type: '上线平均周期（天）', text: '需求从提出到上线的平均耗时', gongshi: '版本实际上线时间-业务需求创建时间' }
                ];
            } else if (state.type === 2) {
                list = [
                    { type: 'SP总数', text: '反应需求规模' },
                    { type: '研发总产能', text: '反应所有版本的产能统计总数' },
                    { type: '预估总耗时', text: '反应需求总的预估耗时' },
                    { type: '实际总耗时', text: '反应需求总的实际耗时' },
                    { type: '研发平均利用率', text: '反应所有版本的平均开发利用率' }
                ];
            } else {
                list = [
                    { type: '版本及时性占比', text: '反应版本的及时完成情况和延期情况' },
                    { type: '版本完成率占比', text: '反应版本的完成率情况' }
                ];
            }
            return list;
        });
        const open = (type) => {
            state.type = type;
            state.visible = true;
        };
        return {
            ...toRefs(state),
            tableColumns,
            list,
            open
        };
    }
});
</script>

<style scoped lang="less">
</style>